<template id="logistics">
    <div>
        <div class="logistics_top">
            <h3>物流信息</h3>
            <img src="../image/dayu.jpg" alt="" @click="getLodistics()">
        </div>
        <p class="logistics_p"><span>顺丰快递</span><img src="../image/dz.jpg" alt=""></p>
        <div class="logistics_center">
            <img src="../image/yuan.jpg" alt="">
            <div class="logistics_right">
                <p><span>您的订单已配送成功，感谢您选择小马生鲜，欢迎再来哟！</span><span>2017-9-28 10:28:45</span></p>
                <p><span>顺丰快递配送小哥【黎明】已经出发，联系电话【18031526217】</span><span>2017-9-28 10:28:45</span></p>
                <p><span>顺丰快递已接单，配送小哥将准时安排配送，请耐心等待</span><span>2017-9-28 10:28:45</span></p>
                <p><span>订单已确认，预计9月28日12:00前送达您手中</span><span>2017-9-28 10:28:45</span></p>
                <p><span>您提交了订单，等待系统确认</span><span>2017-9-28 10:28:45</span></p>
            </div>

        </div>
    </div>
</template>
<script>
    export default{
        name: 'logistics',
        methods:{
            getLodistics:function(){
                window.history.go(-1);
            }
        }
    };

</script>
<style>
    .logistics_right p span:nth-of-type(2){
        display:block;
        position:absolute;
        width:4.62rem;
        height:0.52rem;
        color:#a0a0a0;
        font-size:0.17rem;
        line-height:0.52rem;
        bottom:0;
        left:0;
    }
    .logistics_right p span:nth-of-type(1){
        display:block;
        font-size:0.2rem;
        color:#a2a2a2;
        width:5rem;
        height:0.53rem;
        line-height:0.24rem;
    }
    .logistics_right p{
        width:5.6rem;
        height:1rem;
        padding-top:0.28rem;
        border-bottom:1px solid #e3e3e3;
        position:relative;
    }
    .logistics_p{
        width:100%;
        height:1rem;
        background:#82ab48;

    }
    .logistics_p img{
        width:0.98rem;
        height:0.96rem;
        float:right;
    }
    .logistics_p span{
        width:1.6rem;
        height:1rem;
        line-height:1rem;
        text-align:center;
        font-size:0.28rem;
        color:#ffffff;
        float:left;
    }
    .logistics_right{
        width:5.6rem;
        height:6.48rem;
        float:right;
    }
    .logistics_center img{
        display:block;
        width:0.8rem;
        height:6.48rem;
        float:left;
    }
    .logistics_center{
        width:100%;
        height:6.6rem;
    }
    .logistics_top h3{
        width:100%;
        height:0.79rem;
        line-height:0.79rem;
        text-align:center;
        color:#85a45a;
        font-size:0.28rem;
    }
    .logistics_top img{
        display:block;
        position:absolute;
        height:0.37rem;
        width:0.31rem;
        left:0.27rem;
        top:0.25rem;
    }
    .logistics_top{
        width:100%;
        height:0.79rem;
        border-bottom:1px solid #cfcecd;
        position:relative;
    }
</style>